import CodeBlock from "@theme/CodeBlock";
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";

# @farmfe/plugin-sass

Support `Sass` for Farm.

## Installation

<Tabs>
  <TabItem value="npm" label="npm">
    <CodeBlock>npm install @farmfe/plugin-sass</CodeBlock>
  </TabItem>
  <TabItem value="yarn" label="yarn">
    <CodeBlock>yarn add @farmfe/plugin-sass</CodeBlock>
  </TabItem>
  <TabItem value="pnpm" label="pnpm">
    <CodeBlock>pnpm add @farmfe/plugin-sass</CodeBlock>
  </TabItem>
</Tabs>

## Usage
`@farmfe/plugin-sass` is a Rust plugin, you only need to configure its package name in `plugins` field in `farm.config.ts`.
```ts {4}
import { UserConfig } from '@farmfe/core';

const config: UserConfig = {
  plugins: ['@farmfe/plugin-sass', { /** options here */}]
}
```

## Options
### additionalData
* **Type**: `string`

Add extra content to the head of each `sass` file, such as an `@import '@/styles/variables.scss';` statement.